/*
* 附加值，带图标-横排和竖排新增8,9两种布局
*/
.multiValWithIconUnit-8 {
  flex-direction: row;

  .img {
    height: auto;
    justify-content: flex-start;
    display: flex;
    align-items: center;
  }

  .contentData-detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;

    .contentName {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;

      .extraName {
        width: 100%;
      }
    }

    .text {
      width: 100%;
    }
  }
}

.multiValWithIconUnit-9 {
  flex-direction: row;

  .img {
    height: auto;
    justify-content: flex-start;
    display: flex;
    align-items: center;
  }

  .contentData-detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;

    .contentName {
      width: 100%;
    }

    .text {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;

      .extraName {
        width: 100%;
      }
    }
  }
}

/*
* 附加值，不带图标-横排和竖排新增3,4,5三种布局
*/

.multiValWithoutIconUnit-3 {
  .contentData-detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .contentName {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;

      .extraName {
        width: 100%;
      }
    }

    .text {
      width: 100%;
    }
  }
}

.multiValWithoutIconUnit-4 {
  .contentData-detail {
    display: flex;
    flex-direction: column;
    justify-content: space-between;

    .contentName {
      width: 100%;
    }

    .text {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;

      .extraName {
        width: 100%;
      }
    }
  }
}

.multiValWithoutIconUnit-5 {
  .contentData-detail {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;

    .contentName {
      width: 100%;
    }

    .text {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: flex-start;

      .extraName {
        width: 100%;
      }
    }
  }
}